<template>
  <div style="white-space: nowrap; width: fit-content">
    <a-space direction="vertical">
      <div class="itemss" v-for="item in list || []">
        <div
          style="
            word-break: break-all;
            word-wrap: break-word;
            white-space: normal;
          ">
          {{ item }}
        </div>
      </div>
    </a-space>
  </div>
</template>

<script setup>
import { ref, reactive } from "vue";
const props = defineProps({
  list : Array,
});
</script>

<style lang="less" scoped>
.itemss{
    border-bottom: 4px solid #ededed;
}</style>
